// pages/search/index.js
import {startSearch} from '../../apis/index'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    searchValue: '', //要搜索的内容
    historyArr: []
  },
  onChange(ev){
    console.log("内容发生变化")
    this.setData({
      searchValue: ev.detail
    })
  },
  async startSearch(){
    // 将搜索的内容存储到本地
    let value = this.data.searchValue
    if (!value || !value.length || !value.trim() ) {
      console.log("不能搜索空的")
      wx.showToast({
        title: '不能搜索空的',
        icon: 'error',
        duration: 2000
      })
      return
    }
    let historyArr = wx.getStorageSync('historyArr');
    console.log("historyArr",historyArr)
    if(!historyArr){
       historyArr = [value]
    } else {

      // 最近搜多的历史记录最多只能保留10条
      
      // 如果搜索的记录已经存在了,就
      // 将那个记录删除掉,将新记录放进去
      let index = historyArr.indexOf(value)
      if (index!==-1) {
        historyArr.splice(index,1)
      } 
      if (historyArr.length ==10) {
          historyArr.pop()  
      } 
      historyArr.unshift(value)
    } 
    wx.setStorageSync('historyArr', historyArr)
    
    wx.navigateTo({
      url: '/pages/search/searchResult?goodsName='+ encodeURIComponent(this.data.searchValue),
    })
  },
  clearHistory(){
    this.setData({
      historyArr: []
    })
    wx.removeStorageSync('historyArr')
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
   
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    console.log("历史记录--")
    const historyArr = wx.getStorageSync('historyArr')
    console.log(historyArr)
    this.setData({
      historyArr:historyArr
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})